<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<!--<link rel="stylesheet" type="text/css" href="css/reset.css"> -->
<link rel="stylesheet" type="text/css" href="css/user_address.css">
<link href="Threelinkage/linkage.css" rel="stylesheet"  type="text/css"/>
<!-- <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> -->
<!-- <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script> -->
<script src="js/common_js.js" type="text/javascript"></script>
<!-- <script src="js/jquery.foucs.js" type="text/javascript"></script> -->
<title>用户地址管理</title>

</head>

<body>
<!--顶部样式-->
<div id="user_address">
	<div id="top">
	  <div class="top">
		<div class="Collection"><em></em><a href="#">收藏我们</a></div>
		<div class="hd_top_manu clearfix">
		<ul class="clearfix">
		 <li  class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">
		 <div v-if="username">
		  欢迎光临本店！<em>{{username}}</em>
		  <a @click="fnQuit" class="quit">退出</a>
		 </div>
	  
		 <div v-else>
		  <a  href="login.html" class="red">登 录</a>
		  <span>|</span>
		  <a  href="registered.html" class="red">注 册</a>
		 </div>
		
		 <!-- <a v-else href="registered.html" class="red">[免费注册]</a> -->
		</li>
		 <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="user_order.html">我的订单</a></li> 
		 <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a href="shopping_cart.html">购物车(<b>0</b>)</a> </li>
		 <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="User_Center.html">用户中心</a></li>
		 </li> 
		</ul>
		</div>
	  </div>
	</div>
	<!-- </div> -->
<!--logo和搜索样式-->
<div id="header"  class="header">
  <div class="logo">
  <a href="#"><img src="images/logo.png" /></a>
  <div class="phone">
   免费咨询热线:<span class="telephone">400-3454-343</span>
  </div>
  </div>
  <div class="Search">
    <p><input name="" type="text"  class="text"/><input name="" type="submit" value=""  class="Search_btn"/></p>
	<p class="Words"><a href="#">苹果</a><a href="#">香蕉</a><a href="#">菠萝</a><a href="#">西红柿</a><a href="#">橙子</a><a href="#">苹果</a></p>
</div>
</div>
<!--导航栏样式-->
<div id="Menu" class="clearfix">
<div class="Menu_style">
  <div id="allSortOuterbox" class="display">
    <div class="Category"><a href="#" class="Menu_img"><em></em></a></div>
    <div class="hd_allsort_out_box_new">
	 <!--左侧栏目开始-->
	 <div class="Menu_list">	
	    <div class="menu_title">茶叶品种</div>
        <a href="#">贡茗茶</a><a href="#">冠茗茶</a><a href="#">佳茗茶</a><a href="#">珍茗茶</a><a href="#">绿茶</a><a href="#">毛尖茶</a>
	</div>	
    <div class="Menu_list">	
	    <div class="menu_title">茶叶价格</div>
        <a href="#">100以下</a><a href="#">100-200</a><a href="#">200-400</a><a href="#">400-600</a><a href="#">600-900</a><a href="#">1000以上</a>
	</div>	
     <div class="Menu_list">	
	    <div class="menu_title">推荐茶叶</div>
        <ul class="recommend">
         <li><a href="#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
         <li><a href="#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
         <li><a href="#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
         <li><a href="#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
         <li><a href="#" title="[2015年新茶]巴山雀舌毛尖茶新茶，含硒">[2015年新茶]巴山雀舌...</a></li>
        </ul>
	</div>	
	</div>		
	</div>
    <div class="Navigation" id="Navigation">
		 <ul class="Navigation_name">
			<li><a class="nav_on" id="mynav1"  href="index.html"><span>首页</span></a></li>
			<li><a class="nav_on" id="mynav2"  href="#"><span>巴山雀舌</span></a></li>
			<li><a class="nav_on" id="mynav3"  href="#"><span>贡茗</span></a></li>
			<li><a class="nav_on" id="mynav4"  href="#"><span>冠茗</span></a></li>
			<li><a class="nav_on" id="mynav5"  href="#"><span>臧芝堂（藏茶）</span></a></li>
			<li><a class="nav_on" id="mynav6"  href="#"><span>大巴山（茗茶）</span></a></li>
			<li><a class="nav_on" id="mynav7"  href="#"><span>达州（茶）</span></a></li>
			<li><a class="nav_on" id="mynav8"  href="#"><span>活动</span></a></li>
			<li><a class="nav_on" id="mynav8"  href="#"><span>联系我们</span></a></li>
		 </ul>			 
		</div>
	<!-- <script>$("#Navigation").slide({titCell:".Navigation_name li"});</script> -->
    <!--购物车-->	
    
     <div class="hd_Shopping_list" id="Shopping_list">
   <div class="s_cart"><em></em><a href="#">我的购物车</a> <i class="ci-right">&gt;</i><i class="ci-count" id="shopping-amount">0</i></div>
   <div class="dorpdown-layer">
    <div class="spacer"></div>
	 <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
	 <ul class="p_s_list">	   
		<li>
		    <div class="img"><img src="images/tianma.png"></div>
		    <div class="content"><p><a href="#">产品名称</a></p><p>颜色分类:紫花8255尺码:XL</p></div>
			<div class="Operations">
			<p class="Price">￥55.00</p>
			<p><a href="#">删除</a></p></div>
		  </li>
		</ul>		
	 <div class="Shopping_style">
	 <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div>
	  <a href="#" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
	 </div>	 
   </div>	
  </div>
</div>
</div>
<!--用户中心(地址管理界面)-->

<div class="user_style clearfix" id="user">
<div class="user_title"><em></em>用户中心</div>
 <div class="clearfix user" >
   <!--左侧菜单栏样式-->
   <div class="user_left">
	<div class="user_info">
	  <div class="Head_portrait"><img src="images/people.png"  width="80px" height="80px"/><!--头像区域--></div>
	  <div class="user_name">{{username}}</div>
	 </div>
	 <ul class="Section">
	  <li><a href="user_info.html"><em></em><span>个人信息</span></a></li>
	  <li><a href="user_Password.html"><em></em><span>修改密码</span></a></li>
	  <li><a href="Orders.html"><em></em><span>我的订单</span></a></li>
	  <li><a href="user_address.html"><em></em><span>收货地址管理</span></a></li>
	 </ul>
  </div>

		

    <div class="right_style r_user_style">
      <div class="user_Borders">
       <div class="title_name">
        <span class="name">地址管理</span>
       </div>
	   <div class="right_content clearfix">
		<div class="site_top_con">
			<a @click="show_add">新增收货地址</a>
			<span>您已创建了<b>{{addresses.length}}</b>个收货地址，最多可创建<b>{{ limit }}</b>个</span>
		</div>
		<div class="site_con" v-for="(address, index) in addresses">
			<div class="site_title">
				<div>
					<h3>{{ address.title }}</h3>
					<a @click="show_edit_title(index)"></a>
				</div>
				<!-- <em v-if="address.id==default_address_id">默认地址</em> -->
				<span @click="del_address(index)">×</span>
			</div>
			<ul class="site_list">
				<li><span>收货人：</span><b>{{ address.receiver }}</b></li>
				<li><span>所在地区：</span><b>{{ address.province }} {{address.city}} {{ address.district }}</b></li>
				<li><span>地址：</span><b>{{ address.place }}</b></li>
				<li><span>手机：</span><b>{{ address.mobile }}</b></li>
				<li><span>固定电话：</span><b>{{ address.tel }}</b></li>
				<li><span>电子邮箱：</span><b>{{ address.email }}</b></li>
			</ul>
			<div class="down_btn">
				<!-- <a v-if="address.id!=default_address_id" @click="set_default(index)">设为默认</a> -->
				<a @click="show_edit(index)">编辑</a>
			</div>
		</div>
		</div>
      
      </div>
   </div>

 </div>
</div>

<div class="pop_con" v-show="is_show_edit">
	<div class="site_con site_pop">
			<div class="site_pop_title">
				<h3 v-if="editing_address_index">编辑收货地址</h3>
				<h3 v-else>新增收货地址</h3>
				<a @click="is_show_edit=false">×</a>
			</div>
			<form>
				<div class="form_group">
					<label>*收货人：</label>
					<input v-model="form_address.receiver" @blur="check_receiver" type="text" name="">
					<span v-show="error_receiver" class="error_tip">请填写收件人</span>
				</div>
				<div class="form_group">
					<label>*所在地区：</label>
					<select v-model="form_address.province_id">
						<option v-for="province in provinces" :value="province.id">{{ province.name }}</option>
					</select>
					<select v-model="form_address.city_id">
						<option v-for="city in cities" :value="city.id">{{ city.name }}</option>
					</select>
					<select v-model="form_address.district_id">
						<option v-for="district in districts" :value="district.id">{{ district.name }}</option>
					</select>
				</div>
				<div class="form_group">
					<label>*详细地址：</label>
					<input v-model="form_address.place" @blur="check_place" type="text" name="">
					<span v-show="error_place" class="error_tip">请填写地址信息</span>
				</div>
				<div class="form_group">
					<label>*手机：</label>
					<input v-model="form_address.mobile" @blur="check_mobile" type="text" name="">
					<span v-show="error_mobile" class="error_tip">手机信息有误</span>
				</div>
				<div class="form_group">
					<label>固定电话：</label>
					<input v-model="form_address.tel" type="text" name="">
				</div>
				<div class="form_group">
					<label>邮箱：</label>
					<input v-model="form_address.email" @blur="check_email" type="text" name="">
					<span v-show="error_email" class="error_tip">邮箱信息有误</span>
				</div>
				<input @click="save_address" type="button" name="" value="保 存" class="info_submit">
				<input @click="is_show_edit=false" type="reset" name="" value="取 消" class="info_submit info_reset">
			</form>
	</div>
	<div class="mask"></div>
</div>





<br><br><br><br><br><br>
<div class="footerbox">
   <!--友情链接-->
       <div class="Links">
        <div class="link_title">友情链接</div>
        <div class="link_address"><a href="#">四川茶叶协会</a>  <a href="#">链接地址</a>  <a href="#">链接地址</a>  <a href="#">链接地址 </a>   <a href="#">链接地址</a> <a href="#">链接地址</a> <a href="#">链接地址</a></div>
       </div>
</div>
<!--底部样式-->
<div class="footer">
 <div class="streak"></div>
 <div class="footerbox clearfix">
  <div class="left_footer">
   <div class="img"><img src="images/img_33.png" /></div>
   <div class="phone">
    <h2>服务咨询电话</h2>
    <p class="Numbers">400-3455-334</p>
   </div>
  </div>
  <div class="right_footer">
   <dl>
    <dt><em class="icon_img"></em>购物指南</dt>
    <dd><a href="#">怎样购物</a></dd>
    <dd><a href="#">积分政策</a></dd>
    <dd><a href="#">会员优惠</a></dd>
    <dd><a href="#">订单状态</a></dd>
    <dd><a href="#">产品信息</a></dd>
    <dd><a href="#">怎样购物</a></dd>
   </dl>
   <dl>
    <dt><em class="icon_img"></em>配送方式</dt>
    <dd><a href="#">快递资费及送达时间</a></dd>
    <dd><a href="#">快递覆盖地区查询</a></dd>
    <dd><a href="#">验货与签收</a></dd>
    <dd><a href="#">订单状态</a></dd>
    <dd><a href="#">产品信息</a></dd>
    <dd><a href="#">怎样购物</a></dd>
   </dl>
   <dl>
    <dt><em class="icon_img"></em>配送方式</dt>
    <dd><a href="#">货到付款</a></dd>
    <dd><a href="#">支付宝</a></dd>
    <dd><a href="#">财付通</a></dd>
    <dd><a href="#">网银支付</a></dd>
    <dd><a href="#">银联支付</a></dd>
   </dl>
   <dl>
    <dt><em class="icon_img"></em>售后服务</dt>
    <dd><a href="#">退换货原则</a></dd>
    <dd><a href="#">退换货要求与运费规则</a></dd>
    <dd><a href="#">退换货流程</a></dd>
   </dl>
   <dl>
    <dt><em class="icon_img"></em>关于我们</dt>
    <dd><a href="#">关于我们</a></dd>
    <dd><a href="#">友情链接</a></dd>
    <dd><a href="#">媒体报道</a></dd>
    <dd><a href="#">新闻动态</a></dd>
    <dd><a href="#">企业文化</a></dd>
 
   </dl>
  </div>
 </div>
 <div class="slogen">
  <div class="footerbox clearfix ">
  <ul class="wrap">
	 <li>
	  <a href="#"><img src="images/icon_img_02.png" data-bd-imgshare-binded="1"></a>
	  <b>正品保证</b>
	  <span>正品行货 放心选购</span>
	 </li>
	 <li><a href="#"><img src="images/icon_img_03.png" data-bd-imgshare-binded="2"></a>
	  <b>满68元包邮</b>
	  <span>购物满68元，免费快递</span>
	 </li>
	 <li>
	  <a href="#"><img src="images/icon_img_04.png" data-bd-imgshare-binded="3"></a>
	  <b>厂家直供</b>
	  <span>价格更低，质量更可靠</span>
	 </li>
      <li>
	  <a href="#"><img src="images/icon_img_05.png" data-bd-imgshare-binded="4"></a>
	  <b>权威认证</b>
	  <span>政府扶持单位，安全保证</span>
	 </li>
	</ul>
  </div>
 </div>
 <div class="footerbox Copyright">
  <p><a href="#">关于我们</a> | <a href="#">隐私申明</a> | <a href="#">成为供应商</a> | <a href="#">茶叶</a> | <a href="#">博客</a> |<a href="#">友情链接</a> | <a href="#">网站地图</a></p>
  <p>Copyright 2010 - 2015 巴山雀舌 四川巴山雀舌茗茶实业有限公司 zuipin.cn All Rights Reserved </p>
  <p>川ICP备10200063号-1</p>
   <a href="#" class="return_img"></a>
 </div>
</div>
 <!--右侧菜单栏购物车样式-->
<div class="fixedBox">
  <ul class="fixedBoxList">
      <li class="fixeBoxLi user"><a href="#"> <span class="fixeBoxSpan"></span> <strong>用户</strong></a> </li>
    <li class="fixeBoxLi cart_bd" style="display:block;" id="cartboxs">
		<p class="good_cart">0</p>
			<span class="fixeBoxSpan"></span> <strong>购物车</strong>
			<div class="cartBox">
       		<div class="bjfff"></div><div class="message">购物车内暂无商品，赶紧选购吧</div>    </div></li>
    <li class="fixeBoxLi Service "> <span class="fixeBoxSpan"></span> <strong>客服</strong>
      <div class="ServiceBox">
        <div class="bjfffs"></div>
        <dl onclick="javascript:;">
		    <dt><img src="images/Service1.png"></dt>
		       <dd><strong>QQ客服1</strong>
		          <p class="p1">9:00-22:00</p>
		           <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
		          </dd>
		        </dl>
				<dl onclick="javascript:;">
		          <dt><img src="images/Service1.png"></dt>
		          <dd> <strong>QQ客服1</strong>
		            <p class="p1">9:00-22:00</p>
		            <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
		          </dd>
		        </dl>
	          </div>
     </li>
	 <li class="fixeBoxLi code cart_bd " style="display:block;" id="cartboxs">
			<span class="fixeBoxSpan"></span> <strong>微信</strong>
			<div class="cartBox">
       		<div class="bjfff"></div>
			<div class="QR_code">
			 <p><img src="images/erweim.jpg" width="150px" height="150px" style=" margin-top:10px;" /></p>
			 <p>微信扫一扫，关注我们</p>
			</div>		
			</div>
			</li>

    <li class="fixeBoxLi Home"> <a href="./"> <span class="fixeBoxSpan"></span> <strong>收藏</strong> </a> </li>
    <li class="fixeBoxLi BackToTop"> <span class="fixeBoxSpan"></span> <strong>返回顶部</strong> </li>
  </ul>
</div>
</div>
<script type="text/javascript" src="js/host.js"></script>
<script type="text/javascript" src="js/vue-2.5.16.js"></script>
<script type="text/javascript" src="js/axios-0.18.0.min.js"></script>
<!-- <script type="text/javascript" src="js/index.js"></script> -->
<script type="text/javascript" src="js/user_address.js"></script>
</body>
</html>
